<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name = "format-detection" content = "telephone=no">
	
		<!-- css样式 -->
	    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}"/>
		<link rel="stylesheet" href="${data:dependencies.attendance}/css/checkin.css${data:buildversion}"/>
    	<link rel="stylesheet" href="${data:dependencies.attendance}/css/checkinIcon.css${data:buildversion}"/>
        <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
		<title></title>
	</head>
	<body class="cmp-fullscreen">
		${data:initScript}		
		<div id="index-container" class="cmp-content position_relative index-container">
			<div class="checkin-details-content">
	            <div class="user-date">
					<div class="user-head">
						<img src="" alt="" />
					</div>
					<div class="user-name">
						<label></label>
						<p></p>
					</div>
				</div>
			    <div class="index-action-container ">
			        <div class="index-listView">
			            <div class="index-listView-content position_relative">
			                <div id="scroll" class="cmp-scroll-wrapper">
			                    <div class="cmp-scroll">
			                        <!--数据列表-->
			                        <ul class="cmp-table-view index-clockin-content"></ul>
			                    </div>
			                </div>
			            </div>
			            <div class="index-bottom-boxShadow"></div>
			        </div>
			    </div>
			</div>
		</div>
		<!--模板-->
		<script type="text/html" id="pending_li_tpl">
			<% var index = 0; %>
	        <% for(var i = 0,len = this.data.length;i < len; i++){ %>
	        <% var obj = this.data[i];var rowNum = len - i;  %>
	        <% var signType = obj.type != 3 ? obj.type == 1 ? '<i18n key="Attendance.label.atWork"></i18n>' : '<i18n key="Attendance.label.offWork"></i18n>' : '<i18n key="Attendance.label.businessTrip"></i18n>'; %>
	        <li id="<%=obj.id%>" <% if(i == 0){ %> class="newAttendance"<% } %>>
	            <div class="scroll-listView">
	                <div class="mark"></div>
	                <span class="time"><%=attendanceCommon.getCurrentTime(obj.signTime) %></span>
					<% if(i == 0){%>
						<small><%=signType%></small>
					<% }else{ %>
						<small> <i18n key="Attendance.label.invalidPush"></i18n></small>
					<% }%>
	                <p class="address cmp-ellipsis">
	                	<%if(obj.source == "1"){%>
	                		<span class="checkinicon icon-checkin-computer"></span>
	                	<%}else{%>
	                		<span class="checkinicon icon-checkin-adress"></span>	
	                	<%}%>
	                    <span><%=obj.sign %></span>
	                </p>
					<% if(i == 0){	%>
	                	<p class="file-icon">
	                		<%if(obj.recordNum && parseInt(obj.recordNum) > 0){%>
	                			<span class="checkinicon icon-checkin-voice"></span>
	                		<%}%>
	                		<%if(obj.imgNum && parseInt(obj.imgNum) > 0){%>
	                			<span class="checkinicon icon-checkin-img"></span>
	                		<%}%>
	                		<%if(obj.remark){%>
	                			<span class="checkinicon icon-checkin-text-file"></span>
	                	<%}%>
	                	</p>
					<% } %>
	            </div>
	        </li>
	        <% } %>
    	</script>
		<!-- js引入 -->
		
		<script src="${data:dependencies.attendance}/i18n/attendance_zh_CN.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
		<script>
			var $buildversion = '${data:buildversion}';
			var attendancePath = "${data:dependencies.attendance}";
			var cmpPath = "${data:dependencies.cmp}";
			var commonPath = "${data:dependencies.commons}";
		    cmp.i18n.init("${data:dependencies.attendance}/i18n/","attendance");
		</script>
		${data:cordova}
		<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
        <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
        <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
        <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
        <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
        <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-server.js${data:buildversion}"></script>
        <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-lbs.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.attendance}/js/attendance-jssdk.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.jssdk}${data:buildversion}" id="__jsdktag"></script>
		<script type="text/javascript" src="${data:dependencies.attendance}/js/attendanceCommon.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.attendance}/js/amapComponent.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.attendance}/js/attendanceHistory.js${data:buildversion}"></script>
	</body>
</html>

